/* ------------------------------------------------------*/
/* document-wide styling */
/* ------------------------------------------------------*/

* {
	margin:0;
	padding:0;
	border:0;
}

.Bold {
	font-weight: 700;
}

a:link {
	color: inherit;
	text-decoration: underline;
	/*font-weight: 700;*/
}

a:visited {
	color: inherit;
	text-decoration: none;
}

a:hover {
	color: #00ffff;
}

a:active {
	color: #00e8e8;
}

@body_font_size: 11px;

body {
	font-family: "news-gothic-std-1","news-gothic-std-2";
	/*font-style: "normal";*/
	font-size: @body_font_size;
	font-weight: 400;
	/*background-image: url("./../img/linen.png");*/
}

.Small {
	/*font-size: @body_font_size / 1.618;*/
	font-size: 9px;
}

/* ------------------------------------------------------*/
/* header */
/* ------------------------------------------------------*/

@header_div_height: 30px;

#header_div {
	height: @header_div_height;
	line-height: @header_div_height; /* height = line-height centres text vertically */
	background-color: black;
	color: white;
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 99;
	-moz-box-shadow:    0px 2px 3px 0px #CCC;
	-webkit-box-shadow: 0px 2px 3px 0px #CCC;
	box-shadow:         0px 2px 3px 0px #CCC;
}

#header_div a:link {
	font-weight: 400;
}

@hd_gutter: 19px;
@hd_column: 79px;

.HDLeft {
	font-size: 15px;
	float: left;
	width: @hd_column; 
	margin-left: @hd_gutter;
}

.HDRight {
	float: right;
	width: @hd_column + @hd_gutter; /* added to allow overflow into gutters */
	font-size: 9px;
}

/* colours for tickers */

.HeaderTickerNeg {
	color: #ff6666; /* 100% R dialed down to 60% saturation */
}

.HeaderTickerPos {
	color: #66ff66; /* 100% G dialed down to 60% saturation */
}

.HeaderTickerHot {
	color: #ff6666; /* 100% R dialed down to 60% saturation */
}

.HeaderTickerCold {
	color: #6666ff; /* 100% B dialed down to 60% saturation */
}

/* ------------------------------------------------------*/
/* front page styling */
/* ------------------------------------------------------*/

.FPSpacerRow {
	height: @header_div_height;
}

.FPTextContainer {
	/*margin-left: @header_div_height / 1.618 / 1.618;*/
}

.FPHeaderRow .FPTextContainer {
	margin-top: @header_div_height / 1.618 / 1.618;
}

.FPFooterRow .FPTextContainer {
	margin-top: @header_div_height / 1.618 / 1.618;
}

.FPHeaderRow {
	height: @header_div_height * 1.618 * 1.618;
	background-image: url("./../img/linen.png");
}

.FPHover {
	color: #00ffff;
}

.FPHeaderRow h1 {
	font-size: @body_font_size;
	text-transform: uppercase;
	font-weight: 400;
	cursor: pointer;
}

.FPHeaderRow h2 {
	font-size: @body_font_size;
	font-weight: 400;
}

.FPFooterRow h2 {
	font-size: @body_font_size;
	font-weight: 400;
	cursor: pointer;
}

.FPHeaderRow img {
	float: right;
	margin-top: @header_div_height / 1.618 / 1.618;
	height: @header_div_height * 1.618 * 1.618 - 2 * (@header_div_height / 1.618 / 1.618);
	/* border radius styling; different on different browsers */
	-webkit-border-radius: 50%; /* webkit */
	-moz-border-radius: 50%; /* gecko */
	border-radius: 50%; /* css 3 */
	behavior: url(./utils/PIE.htc); /* for IE 6-8 compatibility; see http://css3pie.com/ */
}

.FPContentRow {
	margin-top: @header_div_height / 1.618;
	display: none;
}

.FPContentRow p {
	font-size: @body_font_size;
}

.FPFooterRow {
	margin-top: @header_div_height / 1.618;
	border-bottom: 1px solid #e6e6e6;
	height: @header_div_height;
	display: none;
}

.FPFooterRow p {
	margin-top: @header_div_height / 1.618 / 1.618;
	margin-left: @header_div_height / 1.618 / 1.618;
}

#fp_grid_container {
	background-color: white;
	position: relative; 	/* position 1140px grid "container" to account for header bar */
	top: @header_div_height; 
/*	-moz-box-shadow:    0px 1px 3px 0px #CCC;
	-webkit-box-shadow: 0px 1px 3px 0px #CCC;
	box-shadow:         0px 1px 3px 0px #CCC;*/
}
